.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #eeeeee;
    .header{
        .px2rem(height, 100);
        width:100%;
        background: #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        left:0;
        top:0;
        z-index: 99;
        .left{
            .px2rem(font-size, 30);
            .px2rem(margin-left, 30);
        }
        .center{
            .px2rem(font-size, 30);
        }
        .right{
            .px2rem(font-size, 60);
            .px2rem(margin-right, 30);
            .px2rem(margin-top, -40)
        }
    }
    .nav{
        .px2rem(height, 100);
        width:100%;
        border-bottom: 2px solid #cccccc;
        position: fixed;
        left:0;
        top:100px;
        z-index: 99;
        background: #ffffff;
        .one{
            .px2rem(line-height, 100);
            text-align: center;
        }
        .on{
            color: red;
            border-bottom: 2px solid red;
        }
    }
    .container{
        width: 100%;
        .px2rem(margin-top, 200);
        .swiper-wrapper{
            .slide{
                img{
                    width: 92%;
                    margin-left:4%;
                    .px2rem(margin-bottom, 20);
                }
            }
        }
    }
    .guide{
        .px2rem(width, 300);
        .px2rem(height, 378);
        background: rgba(102,102,102,.3);
        position: fixed;
        .px2rem(top, 100);
        right:0;
        z-index: 100;
        display: none;
        ul .iconfont{
            .px2rem(line-height, 124);
            border-bottom: 1px solid #ffffff;
            text-align: center;
            .px2rem(font-size, 46);
            color: #ffffff;
            span{
                .px2rem(font-size, 32);
                .px2rem(padding-left, 14);
            }
        }
        ul li:last-child{
            border: none;
        }
    }
}